﻿@{
    Layout = null;
}
@model LeEdu.MODEL.Courses
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta property="qc:admins" content="24314006454166375">
    <meta name="baidu-site-verification" content="KvVr95tdga">


    <link href="favicon.ico" type="image/x-icon" rel="icon">
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
    <title>购买课程 | 博览网 Boolan</title>

    <link href="~/Content/css/shared-layout-6715bec318.css" rel="stylesheet" />

    <style>
        * {
            -moz-box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
            -o-box-sizing: border-box !important;
            -ms-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }

        #top-hint {
            min-width: 1200px;
        }

        .navbar {
            min-width: 1200px;
        }

            .navbar:before, .navbar:after {
                content: " ";
                display: table;
            }

            .navbar:after {
                clear: both;
            }


        .footer {
            min-width: 1200px;
        }

            .footer:before, .footer:after {
                content: " ";
                display: table;
            }

            .footer:after {
                clear: both;
            }


            .footer li > a {
                line-height: normal;
            }


        .notification {
            position: absolute;
            width: 170px;
            background-color: #F3EFC4;
            color: #2c3e50;
            font-size: 12px;
            top: 75px;
            z-index: -1;
        }

        .notification-item {
            height: 30px;
            line-height: 30px;
            padding-left: 12px;
            margin-top: 0;
            margin-bottom: 0;
            display: none;
        }

            .notification-item .btn-close {
                width: 14px;
                height: 14px;
                margin: auto;
                float: none;
                display: inline-block;
                float: right;
                margin-top: 8px;
                margin-right: 4px;
            }

                .notification-item .btn-close:hover {
                    cursor: pointer;
                }

        .notification-item-checklink {
            color: #3665ad;
        }

        #top-hint {
            background: #fff29d;
        }

        .top-hint-close-button {
            display: block;
            float: right;
            margin-right: 20px;
        }

            .top-hint-close-button:hover {
                cursor: pointer;
            }

        .top-hint-mainPart {
            height: inherit;
            float: left;
            width: 1000px;
            height: 38px;
        }

            .top-hint-mainPart > p {
                margin-top: 8px;
                margin-bottom: 0;
                color: #333;
            }

            .top-hint-mainPart:hover {
                cursor: pointer;
            }
    </style>


    <link href="~/Content/css/course-buy.css" rel="stylesheet" />
    <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/css/buy.css" rel="stylesheet" />

    <style>
        #hrefCoupon:hover {
            text-decoration: underline;
        }
    </style>


    <script src="//hm.baidu.com/hm.js?cb581c4d338ec0f3b1ae74d12dad369a"></script>

    @*<link href="~/Content/css/course-seriesCourseDetail.css" rel="stylesheet" />
        <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" />
        <link href="~/Content/css/SeriesCourseQuestion.css" rel="stylesheet" />
        <link href="~/Content/css/enroll.css" rel="stylesheet" />
        <link href="~/Content/css/detail.css" rel="stylesheet" />
        <link href="~/Content/css/codes.css" rel="stylesheet" />*@

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?cb581c4d338ec0f3b1ae74d12dad369a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

    </script>
</head>
<body>

    <header class="navbar">
        <div class="container">
            <h1 class="navbar-brand"><a href="/Home/Index"><img src="http://boolan.com/img/boolan-logo.png"></a></h1>
            <nav class="nav navbar-nav">
                <ul>
                    <li><a href="/Home/Index" class="active">首页</a></li>
                    <li><a href="/Home/Boutique">精品课程</a></li>
                    <li><a href="/Home/GeekClass">极客班</a></li>
                    <li><a href="/Admin/Showteacher">专家名师</a></li>
                </ul>
            </nav>
            @{
                if (Session["User"] != null)
                {
                    if (Convert.ToInt32(Session["RoleId"]) == 0)
                    {
                        <figure class="avatar navbar-avatar dd-menu">
                            @{
                        var ddd = Session["User"] == null ? "" : (Session["User"] as LeEdu.MODEL.UserInfo).Avatar;
                        if (ddd == null)
                        {
                            <img class="dd-menu-trigger" src="~/Content/img/default-head-image.png" />
                        }
                        else
                        {
                            <img class="dd-menu-trigger" src="~/Img/@ddd" />
                        }

                            }

                            <ul>
                                @{var c = (Session["User"] as LeEdu.MODEL.UserInfo).UserInfoId; }
                                <li>
                                    <a href="/Home/Personage/@c">
                                        <img src="/Content/Index/img/setting.png" /><span>个人设置</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Home/Exit">
                                        <img src="/Content/Index/img/signout.png" /><span>注销登录</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Admin/Index">
                                        <img src="/Content/Index/img/signout.png" /><span>后台管理</span>
                                    </a>
                                </li>
                            </ul>
                            <figcaption style="height:75px;"><span>@Session["Uname"]</span></figcaption>
                        </figure>
                    }
                    else
                        if (Convert.ToInt32(Session["RoleId"]) == 1 || Convert.ToInt32(Session["RoleId"]) == 2)
                        {
                            <figure class="avatar navbar-avatar dd-menu">
                                <img class="dd-menu-trigger" src="/Content/Index/img/default-head-image.png" />

                                <ul>
                                    @{var c = (Session["User"] as LeEdu.MODEL.UserInfo).UserInfoId; }
                                    <li>
                                        <a href="/Home/Personage/@c">
                                            <img src="/Content/Index/img/setting.png" /><span>个人设置</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/Login/Index">
                                            <img src="/Content/Index/img/signout.png" /><span>注销登录</span>
                                        </a>
                                    </li>
                                </ul>
                                <figcaption style="height:75px;"><span>@Session["Uname"]</span></figcaption>
                            </figure>
                        }
                }
                else
                {
                    <div class="navbar-button-group button-group">
                        <ul>
                            <li>

                                <a class="button" href="/Register/Index">注册</a>

                            </li>


                            <li><a class="button-blue" href="/Login/Index">登录</a></li>

                        </ul>
                    </div>}}
        </div>
    </header>
    <div id="main">

        <div id="main">
            <div style="height: 70px"></div>
            <div id="buy-content-wrapper">
                
                @{
                        foreach (var item in ViewBag.list as List<LeEdu.MODEL.Courses>) {
                            <div id="buy-title" class="title22">
                                购买课程《@item.CoursesName》
                            </div>
                    
                        }
                        }
                @*<div id="buy-title" class="title22">
                    购买课程《@Model.CoursesName》
                </div>*@    
                                                   
                <div id="buy-content">
                    <form action="~/Content/Pay/alipayapi.asp" target="_blank" method="post" enctype="application/x-www-form-urlencoded" style="margin: 0px;">
                       
                        <div class="buy-item">
                            <div class="buy-item-label notice15">用户账号：</div>
                            <div class="buy-item-text notice15">@Session["Uname"]</div>
                        </div>
                        <div class="buy-item">
                            <table><tr><td><div class="buy-item-label notice15">订单编号：</div></td><td><span>@ViewBag.bh</span></td></tr></table>


                            <input class="buy-item-input" type="hidden" value="@ViewBag.bh" name="WIDout_trade_no">

                        </div>


                        <div class="buy-item">
                            <div class="buy-item-label notice15">支付方式：</div>
                            <div>
                                <input checked="checked" class="buy-item-radio" type="radio">
                                <img class="buy-item-alipay" src="/Content/Images/zhifubao.png">
                            </div>
                        </div>
                        <div class="buy-item">
                            <table><tr><td><div class="buy-item-label notice15">课程价格：</div></td><td><span style="color:red">@ViewBag.Price 元</span></td></tr></table>


                            <input class="buy-item-input" type="hidden" value="@ViewBag.Price" name="WIDprice">
                        </div>

                        <!--收货人-->
                        <input type="hidden" value="李朋勇" name="WIDreceive_name">
                        <!--收货人地址-->
                        <input type="hidden" value="北京海淀" name="WIDreceive_address">
                        <!--收货人邮编-->
                        <input type="hidden" value="123456" name="WIDreceive_zip">
                        <!--收货人电话号码-->
                        <input type="hidden" value="123456" name="WIDreceive_phone">
                        <!--收货人手机号码-->
                        <input type="hidden" value="123456" name="WIDreceive_mobile">
                        <!--订单描述-->
                        <input type="hidden" value="123456" name="WIDbody">
                        <!--订单名称-->
                        <input type="hidden" value="@ViewBag.Otype" name="WIDsubject">

                        <!--课程价格-->
                        <input type="hidden" name="coursePrice" value="600.00" id="coursePrice">
                        <!--用户应该支付的金额-->
                        <input type="hidden" name="totalFee" value="600.00" id="inputTotalFee">
                        <input type="submit" class="buy-submit-button mbtn bluebtn" id="payBtn" value="去支付（@ViewBag.Price 元） " style="border: 0px">
                    </form>
                </div>
                <div id="notice">
                    <h3>购买须知（必看）</h3>
                    <p>1.博览网精品课程的有效学习时间为6个月，其中：已更新完结的课程从购买日当天算起，未更新完的课程从更新完毕当天算起，请合理安排学习时间。</p>
                    <p>2.博览网目前仅支持Web浏览器在线观看，不支持视频下载，不支持移动端观看。</p>
                    <p>3.一个账号仅限一人使用，为保障您的使用权益，请勿将账号密码透露他人。</p>
                    <p>4.视频内容只提供本网站学习，未经允许，不得以非法途径复制、传播博览网的视频资料。</p>
                    <p>*如有问题，请联系客服QQ：281101184</p>
                </div>
            </div>
            <div id="payResultModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
                <div class="modalTitleContent">
                    <div class="modalTitle">支付处理</div>
                    <div class="modalCloseButton modal-close" id="payResultClose"></div>
                    <div class="clearBoth"></div>
                </div>
                <div class="payModalContent">
                    <div class="notice16">
                        请在新打开的支付平台页面进行支付，完成支付前不要关闭此窗口。
                    </div>
                    <div style="margin-top: 20px;">
                        <div class="payResultLeftBtn mbtn bluebtn" id="pay-already-payed" subscriptionid="36">已完成支付</div>
                        <div class="payResultRightBtn mbtn graybtn modal-close">支付遇到问题</div>
                        <div class="clearBoth"></div>
                    </div>
                </div>
            </div>
            <div id="notPayedModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
                <div class="modalTitleContent">
                    <div class="modalTitle">支付处理</div>
                    <div class="modalCloseButton" id="notPayedClose"></div>
                    <div class="clearBoth"></div>
                </div>
                <div class="payModalContent">
                    <div class="notice16" style="margin-top: 35px;text-align:center">
                        尊敬的客户，我们未收到该订单的款项，请您确认后重新付款
                    </div>
                    <div style="margin-top: 34px;">
                        <div class="payResultFailedBtn mbtn graybtn modal-close" style="margin: auto;">关闭窗口</div>
                        <div class="clearBoth"></div>
                    </div>
                </div>
            </div>
            <input id="data-trade-no" value="S20151210201018581894792" type="hidden">
        </div>

    </div>

    <footer class="footer">
        <div class="footer-row-1">
            <div class="container">
                <div class="row">
                    <section class="col-5">
                        <h2>博览网，高端IT在线学习平台</h2>
                        <nav>
                            <ul>
                                <li><a target="_blank" href="/company/about">关于博览</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="/company/career">加入我们</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="/company/contact">联系我们</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="/company/feedback">意见反馈</a></li>
                            </ul>
                        </nav>
                    </section>
                    <section class="col-5 footer-companion">
                        <h2>合作伙伴</h2>
                        <nav>
                            <ul>
                                <li><a href="http://study.163.com/" target="_blank"><img src="/Content/Images/yunKeTang.png"></a> </li>
                                <li><a href="http://www.pptvyun.com/" target="_blank"><img src="/Content/Images/ppCloud.png"></a></li>
                                <li><a href="http://www.chinagdg.com/forum.php" target="_blank"><img src="/Content/Images/google.png"></a></li>
                                <li><a href="http://msdn.microsoft.com/zh-cn/" target="_blank"><img src="/Content/Images/microsoft.png"></a></li>
                            </ul>
                        </nav>
                    </section>
                    <div class="col-2 footer-phone-email">
                        <p class="phone">+400-886-0806</p>
                        <p class="email">service@boolan.com</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-row-2">
            <div class="container">
                <div class="row">
                    <p class="col-10">©2015 boolan.com 博览网 版权所有&nbsp;&nbsp;&nbsp;&nbsp;温故知新（上海）教育科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;沪ICP备15014563号</p>
                    <nav class="col-2">
                        <ul>
                            <li><a target="_blank" href="/company/feedback"><img src="/Content/Images/feedback.png"></a></li>
                            <li><a href="tencent://message/?uin=281101184&amp;Site=www.qq.com&amp;Menu=yes"><img src="/Content/Images/qq.png"></a></li>
                            <li><a href="http://weibo.com/boolan" target="_blank"><img src="/Content/Images/weibo.png"></a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </footer>
    <script src="/js/jquery-2.1.4.min.js"></script>
    <script src="/js/jquery.form.js"></script>
    <script src="/Contents/Scripts/Share/auto_textarea.js"></script>
    <script src="/Contents/Scripts/Share/popup_tip.js"></script>
    <!-- 实现导航栏的下拉菜单-->
    <script src="/js/dropDownMenu.js"></script>
    <!-- 实现消息操作 -->
    <script>
        $(function () {

            //通过轮询查看是否有新消息
            function longPolling() {
                $.ajax({
                    url: "/MessageCenter/AnyNewMessage",
                    type: "POST",
                    dataType: "json",
                    cache: false,
                    timeout: 5000,
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        if (textStatus == "timeout") {
                            //请求超时
                        } else {
                            //其他错误
                        }

                    },

                    success: function (data, textStatus) {
                        if (data != undefined && data.Status == "success" && data.Message == "ok") {
                            showMessage(data.Data);
                        }
                    }
                });
            }

            setInterval(longPolling, 10000);


            //<p class="notification-item">您有3条新回复&nbsp;<a class="notification-item-checklink" href="#">查看</a><a href="#"><img class="btn-close" src="~/img/close.png" /></a></p>
            //<p class="notification-item">您有5条新系统消息&nbsp;<a class="notification-item-checklink" href="#">查看</a><a href="#"><img class="btn-close" src="~/img/close.png" /></a></p>

            //显示新消息
            function showMessage(data) {
                if (data.NewOfficialCount > 0) {
                    $("#official-notification span").text("您有" + data.NewOfficialCount + "条新系统消息");
                    $("#official-notification .btn-close").click(clearOfficialMessage);
                    $("#official-notification").show();
                }

                if (data.NewReplyCount > 0) {
                    $("#reply-notification span").text("您有" + data.NewReplyCount + "条新回复");
                    $("#reply-notification .btn-close").click(clearReplyMessage);
                    $("#reply-notification").show();
                }
            }

            //当点击查看按钮后，隐藏消息提醒，并向服务器发送请求，消除未读消息
            function clearReplyMessage() {
                $("#reply-notification").hide();
                $.post("/MessageCenter/ClearReply");
            }

            function clearOfficialMessage() {
                $("#official-notification").hide();
                $.post("/MessageCenter/ClearOfficial");
            }

        });
    </script>
    <!--实现顶部广告条-->
    <script src="/js/tophint.js"></script>

    <script src="/Contents/Scripts/seriescourses/buy.js"></script>
    <script src="/Contents/Scripts/Bootstrap/js/bootstrap.min.js"></script>
    <script src="/Contents/Scripts/SeriesCourses/discount.js"></script>

</body>
</html>
